//导入
import React,{Component} from 'react';




import './App.css';


// import {Base} from './Base/Base';
// import {Magnifier} from './Magnifier/Magnifier';
// import {Drill} from './Drill/Drill';
// import {Circle} from './Circle/Circle';

// import {ComputeLayout} from './ComputeLayout/ComputeLayout';
// import {Loop} from './Loop/Loop';
// import {ComputeLoop} from './ComputeLoop/ComputeLoop';
import {Interaction} from './Interaction/Interaction';









/* // 组件
class App extends Component {
    render() {
    return (
        <div>
            
            <div className="container border">
                <h2 className="title">基本</h2>
                <Base className="example" />
            </div>
 
            <div className="container border">
                <h2 className="title">圆形</h2>
                <Circle className="example" />
            </div>

            <div className="container border">
                <h2 className="title">放大镜</h2>
                <Magnifier className="example" />
            </div>

            <div className="container border">
                <h2 className="title">钻孔</h2>
                <Drill className="example" />
            </div> 

        </div>
    
);
    }
} */



// 组件
class App extends Component {
    render() {
    return (
        <div>
            <Interaction className="example" />
        </div>
    
);
    }
}







//导出
export {App};

